<template>
	<div class="pages">
		<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="角色管理" name="role" v-if="$hasPermission('api/authgroup/getlist')">
				<template v-if="activeName=='role'">
					<auth></auth>
				</template>
			</el-tab-pane>
			<el-tab-pane label="管理员" name="admin" v-if="$hasPermission('api/admin/getlist')">
				<template v-if="activeName=='admin'">
					<admin></admin>
				</template>
			</el-tab-pane>
			<el-tab-pane label="操作日志" name="log" v-if="$hasPermission('api/adminlog/getlist') && $store.state.userType!=1">
				<template v-if="activeName=='log'">
					<log></log>
				</template>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
	import auth from './authList.vue'
	import admin from './adminList.vue'
	import log from './log.vue'
	export default {
		data() {
			return {
				activeName: 'role'
			}
		},
		components: {
			auth,
			admin,
			log
		},
		methods: {
			handleClick() {

			}
		},
		created() {

		}
	}
</script>

<style>
</style>